<template>
    <div class="card">
        <div class="row" style="justify-content: space-between; width: 100%">
            <div>
                <div style="font-weight: bold">{{ storeName }}</div>
                <div class="row text555">
                    <div>订单号：</div>
                    <div style="color: blue">{{ number }}</div>
                </div>
                <div class="row text555">
                    <div>收支时间：</div>
                    <div>{{ time }}</div>
                </div>
            </div>
            <div :style="{ 'font-size': '16px', color: amount > 0 ? 'green' : 'red' }">
                {{ amount > 0 ? '+' : '' }} {{ amount }}￥
            </div>
        </div>
    </div>
</template>

<script setup lang="ts">
import { defineProps } from 'vue'
interface Order {
    number: string
    storeName: string
    time: string
    amount: number
}
const props = defineProps<Order>()
</script>

<style scoped lang="scss">
@import url('@/views/activityPages/style/card.css');
.text555 {
    font-size: 8px;
}
</style>